layui.use(['form','layer','upload','jquery'], function(){
    var form = layui.form,
        layer=layui.layer,
        upload=layui.upload,
        $=layui.jquery;

    // 多文件上传  暂时不写 http://fly.layui.com/jie/21550/
//     var demoListView = $('#demoList');
//     var uploadListIns  = upload.render({
//         elem: '#testList', // 绑定元素
//         url:  'http://127.0.0.1:10000/file/uploadList', // 上传接口
//         accept: 'file',//指定允许上传的文件类型,可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
//         multiple: true,//是否允许多文件上传。设置 true即可开启。不支持ie8/9
//         auto: false,//是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
//         bindAction: '#testListAction',//指向一个按钮触发上传，一般配合 auto: false 来使用。
//         choose: function(obj){   //选择文件后的回调函数。
//             var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
//             // 读取本地文件
//             obj.preview(function(index, file, result){
//                 var tr = $(['<tr id="upload-'+ index +'">',
//                     '<td>'+ file.name +'</td>',
//                     '<td>'+ (file.size/1014).toFixed(1) +'kb</td>',
//                     '<td>等待上传</td>',
//                     '<td>',
//                     '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>',
//                     '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>',
//                     '</td>',
//                     '</tr>'].join(''));
//
//                 // 单个重传
//                 tr.find('.demo-reload').on('click', function(){
//                     obj.upload(index, file);
//                 });
//                 // 删除
//                 tr.find('.demo-delete').on('click', function(){
//                     delete files[index]; // 删除对应的文件
//                     tr.remove();
//                     uploadListIns.config.elem.next()[0].value = ''; // 清空 input file值，以免删除后出现同名文件不可选
//                 });
//                 demoListView.append(tr);
//             });
//         },
//         allDone: function(obj){ //当文件全部被提交后，才触发
// //                       此处要是能整体上传成功后返回路经集合就最好了
//             console.log(obj.total); //得到总文件数
//             console.log(obj.successful); //请求成功的文件数
//             console.log(obj.aborted); //请求失败的文件数
//         },
//         done: function(res, index, upload){
//             if(res.code == 0){ // 上传成功
//                 var tr = demoListView.find('tr#upload-'+ index);
//                 var tds = tr.children();
//                 tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
//                 tds.eq(3).html(''); // 清空操作
// //	            res.data.src 返回上传文件的路径，此处要处理自己的业务逻辑
//                 return delete this.files[index]; // 删除文件队列已经上传成功的文件
//             }
//             this.error(index, upload);
//         },
//         error: function(index, upload){
//             var tr = demoListView.find('tr#upload-'+ index);
//             var tds = tr.children();
//             tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
//             tds.eq(3).find('.demo-reload').removeClass('layui-hide'); // 显示重传
//         }
//     });

    //监听提交
    form.on('submit(formSubmit)', function(data){
        layer.open({
            type: 1,
            area:['500px','500px'],
            skin: 'layui-layer-demo', //样式类名
            closeBtn: 0, //不显示关闭按钮
            anim: 2,
            shadeClose: true, //开启遮罩关闭
            content: JSON.stringify(data.field)
        });
        return true;
    });
});


